<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-csalable=no, initial-scale=1.0,maxmum-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" type="text/css" href="styles/common.css" />
  <link rel="stylesheet" type="text/css" href="styles/nav.css" />
  <link rel="stylesheet" href="styles/welcome.css">
  <!-- TODO 标题 -->
  <title>八 | 首页</title>
</head>

<body>
  <div id="nav-container">
    <div id="nav-path">
      八 > <a href=".">首页</a>
    </div>
    <div id="nav-header-container">
      <h1 class="common-header">欢迎 <span class="common-decorate-translations">Welcome</span> </h1>
      <!-- TODO 站点描述-->
      <div id="nav-description">欢迎。这是一个学生随便搭建的个人站点，在这里我会不时地会放一些笔记，也会分享一些使用的小工具，写一些杂七杂八的东西。</div>
    </div>
  </div>
  <div id="common-main-wrapper">
    <div id="common-main">
      <!-- 板块名称 -->
      <!-- <a href="">
        <div class="plate-container">
          <h2 class="plate-name">信息技术笔记</h2>
          <div class="plate-description">这是一本浙江高二信息技术选考生的信息技术笔记本，主要是课堂笔记，也会有其他的关于信息技术内容。</div>
        </div>
      </a>
      <div class="plate-container">
        <h2 class="plate-name"><a>地理笔记</h2>
        <div class="plate-description">地理苦手的一本选考笔记</div>
      </div>
      <div class="plate-container">
        <h2 class="plate-name">日常&分享</h2>
        <div class="plate-description">日常记录
        </div>
      </div>
    </div> -->
    </div>
</body>

<script src="./javascripts/welcome.js"></script>
<script>
  initWelcomePlates([{"name":"信息笔记","description":"这是一本浙江高二信息技术选考生的信息技术笔记本，主要是课堂笔记，也会有其他的关于信息技术内容。","namespace":"itnote"}])
</script>

</html>